<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>聚美优品</title>
		<style type="text/css">
			body{
				background-color: gray;
			}
			
			dt{
				 width:300px ;height: 50px;
				background-color: black;
				color: white;
				font-size: 40px;
			}
			dl{
				margin: 0px;padding: 0px;
			}
			dd{
				margin: 0px;padding: 0px;
				width:300px ;height: 200px;
				background-color: white;
				 border-style: none none  dashed none ;	
				border-width: 2px;		
			}
			span{
				white-space: pre;
				font-size: 30px;
				line-height: 50px;
			}
			p{
				width: 250px;
				white-space: pre;
			}
		</style>
	</head>
	<body>
		<dl>
			<dt>全部分类</dt>	
			<dd><span><img src="#"/>  护肤</span><br />
				<p>         洗发 护发 沐浴 身体乳 手足护理
          护手霜 纤体 身体精油 颈部护理
	 个人护理 卫生用品 脱毛 </p>
			</dd>
			<dd>
			<span><img src="#"/>  礼盒套装</span><br />
				<p>         洗发 护发 沐浴 身体乳 手足护理
          护手霜 纤体 身体精油 颈部护理
	 个人护理 卫生用品 脱毛 </p>
			</dd>
			<dd>
			<span><img src="#"/>  美容工具</span><br />
				<p>         洗发 护发 沐浴 身体乳 手足护理
          护手霜 纤体 身体精油 颈部护理
	 个人护理 卫生用品 脱毛 </p>
			</dd>
			<dd>
			<span><img src="#"/>  母婴专区</span><br />
				<p>         洗发 护发 沐浴 身体乳 手足护理
          护手霜 纤体 身体精油 颈部护理
	 个人护理 卫生用品 脱毛 </p>
			</dd>
			<dd>
			<span><img src="#"/>  男士专区</span><br />
				<p>         洗发 护发 沐浴 身体乳 手足护理
          护手霜 纤体 身体精油 颈部护理
	 个人护理 卫生用品 脱毛 </p>
			</dd>
		</dl>
	</body>
</html>
